import React, { PropTypes } from 'react';
import TweenOne from 'rc-tween-one';

import {Icon,Tabs, Switch, Popover, Button, Modal, Form, Input, message, Row, Col, DatePicker, Cascader,Upload,} from 'antd';
const FormItem = Form.Item;
const TabPane = Tabs.TabPane;

import '../../less/memberAdd.less';

import ConsumerInfo from './ConsumerInfo';
import ConsumerOtherInfo from './ConsumerOtherInfo';
import CardAndRoom from './CardAndRoom';

class ProviderAdd extends React.Component {
  constructor(props){
    super(props);
    this.state = {

    }
  }

  componentDidMount(){

  }

  render() {
    return (
      <div className="memPanel">
        <div className="memPanelHead">
            新增消费者会员
        </div>
        <Tabs defaultActiveKey="1">
          <TabPane tab="基础信息" key="1">
              <ConsumerInfo />
          </TabPane>
          <TabPane tab="其他信息" key="2">
              <ConsumerOtherInfo />
          </TabPane>
          <TabPane tab="会员卡与房源" key="3">
              <CardAndRoom />
          </TabPane>
        </Tabs>
      </div>
    )
  }
}

ProviderAdd = Form.create()(ProviderAdd);

export default ProviderAdd;
